* { margin: 0; padding: 0; font-size: 16px; color: #222222;-moz-user-select: none;
    cursor: default;  }

ul li { list-style: none; }

#wrap { width: 974px; height: 563px; margin: 50px auto; position: relative; }

#pic { width: 974px; height: 563px; }

#pic .on { display: block; }

#pic img { position: absolute; top: 0; left: 0; display: none; }

#tab { width: 107px; height: 15px; position: absolute; bottom: 10px; left: 50%; margin-left: -52.5px; }

#tab ul li { width: 15px; height: 15px; border-radius: 50%; background-color: #aaaaaa; float: left; margin: 0 3px; cursor: pointer; }

#tab .active { background-color: pink; }

#btnx div { width: 40px; height: 70px; position: absolute; background: rgba(0, 0, 0, 0.2) no-repeat; top: 50%; margin-top: -35px; color: #ffffff; line-height: 70px; font-size: 24px; font-weight: bold; cursor: pointer; text-align: center; }

#btnx .left { left: 0; }

#btnx .right { right: 0; }